
	$(function() {
			$('label#rem').click(function() 
				{
						//alert($('#remember').checked());
						if($('#rem').hasClass('checked'))
						{
							$('#rem').removeClass("checked");
						}
						else
						{
							$('#rem').addClass("checked");
							}
				});
			
			$('a.to-left').click(function() 
				{
						//alert($('#remember').checked());
					var s=$('ul.slide').css("left");
					var cl=$(parent).children('ul');
					var w=0;
					//alert($('ul>li').count);
					  
					  
					s=parseFloat(s)-50;
					$('ul').animate({"left" : s+"px"}, 700)
				});
			$('a.to-right').click(function() 
				{
					var s=$('ul.slide').css("left");
					s=parseFloat(s)+50;
					$('ul').animate({"left" : s+"px"}, 700)
				});		
			
			$('a>img').click(function() 
				{
					var src=$(this).attr('src');
					var expsrc = src.split('/');
					var filename = expsrc[1];
					//img_big
					$("img.img_big").attr("src", 'images/'+filename);

					
					
				});		
                
            //////////////////////////////////////////////
            
            // heeeeeeeeeeere we go.
 var root=$("#chained").scrollable();

    $(".scrollable .items a").hover(function() {

	$(this).css({'z-index' : '99'}); /*Add a higher z-index value so this image stays on top*/ 
	$(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
		.animate({
			marginTop: '-20px', /* The next 4 lines will vertically align this image */ 
			marginLeft: '-20px',
        
			top: '10%',
			left: '10%',
			width: '80px', /* Set new width */
			height: '80px', /* Set new height */
		
		}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

	} , function() {
	  // api.play();
	$(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
	$(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
		.animate({
			marginTop: '0', /* Set alignment back to default */
			marginLeft: '0',         
			top: '0',
			left: '0',
			width: '45px', /* Set width back to default */
			height: '45px', /* Set height back to default */
		
            margin: '5px',
            zIndex: '0'
		}, 400);
});
            
           //////////////////////////////////////     
                
                         		
	});

